* {
    margin: 0;
    padding: 0;
  }
  html,
  body {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
  }
  #app{
        width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y:auto;
    /* background: #F3F3F3; */
  }
  @media (min-width: 576px) {
    /* html {font-size: calc(100 / 720 * 100vw);} */
  }
  @media (min-width: 768px) {
    /* html {font-size: calc(100 / 800 * 100vw);} */
  }
  @media (min-width: 992px) {
    /* html {font-size: calc(100 / 992 * 100vw);} */
  }
  @media (min-width: 1200px) {
    /* html {font-size: 120px;} */
    #content{
      min-height: calc(100vh - 433px);
    }
  }
  .container{
    width: 1200px;
    margin: 0 auto;
  }
  .container-fluid {
    width: 100%;
  }
  body {
    line-height: 1.5;
    font-size: 14px;
    font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
  }

  fieldset,
  img,
  input {
      border: 0;
      background: none
  }
  
  address,
  caption,
  cite,
  code,
  dfn,
  em,
  i,
  optgroup,
  strong,
  th,
  var {
      font-style: normal;
      font-weight: 100
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      font-size: 100%;
      font-weight: 400
  }
  
  button,
  input,
  optgroup,
  option,
  select,
  textarea {
      font-family: inherit;
      font-size: inherit;
      font-style: inherit;
      font-weight: inherit;
      *font-size: 100%
  }
  
  li,
  ol,
  ul {
      list-style: none
  }
  
  a {
      text-decoration: none
  }